<template>
  <van-row class="row-1">
    <van-col span="3" class="cols">
      <a @click="redirect('/login')">登录</a>
    </van-col>
    <van-col span="19" class="cols">
      <van-search
        class="search"
        v-model="value"
        style="background:white;height:35px;border-radius:22px;"
        placeholder="大家在搜索：衣服"
        @click.stop="search"
      />
    </van-col>
    <van-col span="2" class="cols">
      <van-icon name="qr" class="classfic" @click="redirects('/about')"/>
    </van-col>
  </van-row>
</template>
<script>
  import { mapState,mapActions,mapGetters } from 'vuex';
  export default {
    name: 'searchBar',
    data(){
      return {

      }
    },
    props:{
      value:{
        type:String,
        required:true,
        default(){
          return {
            value: 0
          }
        }
      }
    },
    methods:{
      search(){

      },
      redirect(url){
        console.log(url);
        this.$router.push(url);
      },
    }

  }
</script>
<style lang="less" scoped>
  @import url('../assets/css/home.less');
</style>
